
<script>
export default {
  name: 'layout',
  props: {
    title: {
      default: '123',
      type: String
    }
  },
  render: function (c) {
    return c('div', {
      class: 'bill-layout-wrap'
    },
    [
      c('div', {
        class: 'layout-title'
      }, this.title), c('div', {
        class: 'layout-content'
      }, this.$slots.default)]
    )
  }
}
</script>

<style lang="scss">
    @import "@/assets/sass/common.scss";
   .bill-layout-wrap {
        background-color: #fff;
        // margin-bottom: 20px;
       /*@include pageOut;*/
        /*background-color: #fff;*/
       .layout-title {
           height: 55px;
           box-sizing: border-box;
           padding-left: 32px;
           width: 100%;
           border-bottom: 1px solid #E9E9E9;
           /*background-color: #E9E9E9;*/
           line-height: 55px;
           font-size: 16px;
           color: rgba(0,0,0,0.85);
       }
        .layout-content {
            font-size: 14px;
            color: rgba(0, 0, 0, 0.85);
           /*@include pageInner;*/
            /*padding-left: 22px;*/
            padding: 24px 22px;
           /*padding-top: 24px;*/

        }
   }
</style>
